import 'package:flutter/material.dart';

class ContactsInfo extends StatefulWidget {
  ContactsInfo({Key key}) : super(key: key);

  @override
  _ContactsInfoState createState() => _ContactsInfoState();
}

class _ContactsInfoState extends State<ContactsInfo> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
          children: [
            Expanded(
                flex: 1,
                child: Container(
                  decoration: BoxDecoration(
                    color: Color.fromRGBO(49, 49, 49, .1)
                  ),
                  child: Center(
                    child: Container(
                      height: 320,
                      width: 350,
                      padding: EdgeInsets.all(10),
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.all(Radius.circular(15)),
                        color: Colors.white,
                      ),
                      child: Column(
                        // mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                        //第一行
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            // back
                            IconButton(
                              icon: Icon(Icons.navigate_before),
                              onPressed: () {

                              },
                            ),
                            // more
                            IconButton(
                              icon: Icon(Icons.more_horiz),
                              onPressed: (){

                              },
                            )
                          ],
                        ),
                        //第二行
                        Column(
                          children: [
                            Row(
                              mainAxisAlignment: MainAxisAlignment.start,
                              children: [
                                SizedBox(width: 30,),
                                Container(
                                  height: 64,
                                  width: 64,
                                  child: CircleAvatar(
                                    backgroundImage:NetworkImage('https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1207533529,3946480795&fm=26&gp=0.jpg'),
                                  ),
                                ),
                                SizedBox(width: 15,),
                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Text('欧阳吹雪',style: TextStyle(fontSize: 18,fontWeight: FontWeight.bold),),
                                    Text('女 20 安徽合肥',style: TextStyle(color: Colors.grey),),
                                    Text('账号：12081283',style: TextStyle(color: Colors.grey),),
                                  ]
                                ), 
                              ]
                            ),

                          ],
                        ),
                        //第三行
                        SizedBox(height: 10,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Text('动态',style: TextStyle(fontSize: 14,fontWeight: FontWeight.bold)),
                            Container(
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.all(
                                  Radius.circular(15)
                                ),
                              ),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.spaceAround,
                                children: [
                                SizedBox(width: 25,),
                                Container(
                                  // 动态的图片
                                  height: 48,
                                  width: 48,
                                  decoration: BoxDecoration(
                                    borderRadius: BorderRadius.all(
                                      Radius.circular(10)
                                    ),
                                    image: DecorationImage(
                                      fit: BoxFit.cover,
                                      image:NetworkImage('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2920512057,3632510937&fm=26&gp=0.jpg'),
                                    )    
                                  ),
          
                                ),
                                SizedBox(width: 5,),
                                Container(
                                  // 动态的图片
                                  height: 48,
                                  width: 48,
                                  decoration: BoxDecoration(
                                    borderRadius: BorderRadius.all(
                                      Radius.circular(10)
                                    ),
                                    image: DecorationImage(
                                      fit: BoxFit.cover,
                                      image:NetworkImage('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2920512057,3632510937&fm=26&gp=0.jpg'),
                                    )    
                                  ),
                                  
                                ),
                                SizedBox(width: 5,),
                                Container(
                                  // 动态的图片
                                  height: 48,
                                  width: 48,
                                  decoration: BoxDecoration(
                                    borderRadius: BorderRadius.all(
                                      Radius.circular(10)
                                    ),
                                    image: DecorationImage(
                                      fit: BoxFit.cover,
                                      image:NetworkImage('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2920512057,3632510937&fm=26&gp=0.jpg'),
                                    )    
                                  ),
                                  
                                ),
                              ],),
                            ),
                            //去空间
                            IconButton(
                              icon: Icon(Icons.navigate_next),
                              onPressed: () {
                                //去空间
                              },
                            ),
                          ],
                        ),
                        //横线
                        SizedBox(height: 30,),
                        Divider(),
                        //发消息  视屏  语音
                        SizedBox(height:5),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          crossAxisAlignment: CrossAxisAlignment.end,
                          children: [
                            Column(children: [
                              Container(
                                height: 48,
                                width:48,
                                child: Image.asset("images/contact/drawable-xhdpi/contacts_btn_message.png")
                              ),
                              Text('发消息'),
                            ],),
                            Column(children: [
                              Container(
                                height: 48,
                                width:48,
                                child: Image.asset("images/contact/drawable-xhdpi/contacts_btn_dial_video.png")
                              ),
                              Text('发消息'),
                            ],),
                            Column(children: [
                              Container(
                                height: 48,
                                width:48,
                                child: Image.asset("images/contact/drawable-xhdpi/contacts_btn_dial_voice.png")
                              ),
                              Text('发消息'),
                            ],),
                            
                          ],
                        )
                      ]
                    ),
                    ),
                  ),
                ))
          ],
        )
        );
  }
}
